import { useState, useEffect } from "react";

// 在修改数据之后 把count值放到页面标题中
// 1.导入useEffect函数
// 2.在函数组件中执行 传入回调 并定义副作用
// 3.当我们通过修改状态更新组件时，副作用也会不断执行

// 关于对ususeEffect 的使用，2023年10月13号下午15:47分 有了一个理解。
// useEffect 可以 用于 useState 修改数据后进行一些操作。比如什么点击事件啊，什么函数调用啊，什么网络请求啊

function App () {
  const [count, setCount] = useState(0)
  useEffect(() => {
    // 定义副作用
    document.title = count
  })
  return (
    <div>
      <button onClick={ () => setCount(count + 1) }>{count}</button>
    </div>
  )
}

export default App;
